	html, body{
	    margin: 10px;
	    width: 100%;
	    height: 90%;
	    background: #fff;
	    font-family: verdana, arial, helvetica, sans-serif;
	    font-size: 10pt;
	    color: #333;
	    
	}
	
		.test4 li,.test3 li,.test2 li,.test1 li { cursor:move; color: #000;list-style-type:lower-alpha;  }
	    .test4 li.selected,.test3 li.selected,.test2 li.selected,.test1 li.selected {cursor:move; font-weight: bold;color: #FF0000; }
	    .test4 li.first,.test3 li.first,.test2 li.first,.test1 li.first {font-weight: bold;cursor:move; color: #FF0000; }
	    .test4 li.last,.test3 li.last,.test2 li.last,.test1 li.last {font-weight: bold; color: #FF0000;cursor:move; }
	    .test4 li.middle,.test3 li.middle,.test2 li.middle,.test1 li.middle {font-weight: bold; color: #FF0000; cursor:move;}
	    
	    .test5 li { cursor:move; color: #000;list-style-type:lower-alpha; text-align:left;border-bottom: 1px solid #333;
	}
	    .test5 li button{ }
	    .test5 li.hide{visibility:hidden; }
	    .test6 li span{display: inline ;padding: 0px 3px 0px 3px;
	}
	
	    .test6 li {display: inline ;
padding: 0px 3px 0px 3px ; cursor:move; color: #000; list-style-type:none;text-align:left; font-weight: bold;
	}
	     
	#divSecA,#divSecB{
		list-style-type:none; text-align:left;border-bottom: 3px solid #333;border-right: 3px solid #333;border-top: 3px solid #333
	}
	    
	#scoreS { font-weight: bold;color: green; }   	
	body{
	    background: url(null) fixed no-repeat;
	}
	
	img{    
	    display: block;
	    border: 0;
	    }
	    
	.hidden{
	    display: none;
	    }
	    
	h1,h2{
	   
	    margin: 10px 0;
	    }
	h3,h4{
	   
	    font-weight:normal;
	    }
	p{
	    margin: 10px 0;
	    }
	    
	.defTerm{
	    font-weight: bold;
	    color: #069;
	    border-bottom: 1px dashed #069;
	    }
	
	/* STYLES for Default links*/   
	
	a, a:link {
	    text-decoration: none;
	    color:  #444;
	    outline: none;
	    }
	a:visited {
	    color:  #333;
	    }
	a:active {
	    color:  #333;
	    }
	a:hover {
	    color: #ddd;
	    }
	    
	a.main, a.main:link {
	    text-decoration: none;
	    color:  #069;
	    outline: none;
	    }
	a.main:visited {
	    color:  #069;
	    }
	a.main:active {
	    color:  #069;
	    }
	a.main:hover{
	    color: #069;
	    }   
	    
	/* STYLES for Navigation */
	#nav{
	    height: 45px;
	    width: 100%;
	    
	    }
	    
	#buttons{
	
	    float: right;
	    }
	    
	#buttons td{
	    padding: 10px 10px 10px 0;
	    }
	
	
	#tBar{
	    height: 28px;
	    width: 100%;
	    border-top: 1px solid #bbb;
	    border-bottom: 1px solid #999;
	    background: #fff ;
	    color: #000;
	    }   
	#tBar1{
	    height: 28px;
	    width: 100%;
	    border-top: 1px solid #bbb;
	    border-bottom: 1px solid #999;
	    background: #fff url({{ STATIC_URL }}exam/images/tBar_back.jpg);
	    color: #000;
	    }  
	
	#timer{
	    float: right;
	    }
	    
	#timer td{
	    padding: 1px 10px 1px 0;
	    vertical-align:middle;
	    }
	


	/* STYLES for Main Content Elements */
	
	#lContent{
	    width: 50%;
	    vertical-align: top; 
	    }
	    
	#lContent .radio{
	    padding: 5px 0 5px 20px;
	    vertical-align: top;
	}
	    
	#lContent .ans{
	    padding: 5px 20px 5px 10px;
	    vertical-align: top;
	}
	    
	#lContent .ques{
	    padding: 20px;
	}   
	    
	    
	#rContent{
	    width: 50%;
	    border-left: 1px solid #999;
	    border-bottom: 1px solid #999;
	    }
	    
	#title
	{
	    color: #333;
	    /*border-bottom: 1px solid #999;*/
	    padding: 2px 2px 2px 20px;
	    font-weight: bold;
	}
	    
	#scroll{
	    width: 100%;
	    height: 200px;
	    overflow: auto;
	    }
	    
	#scrollInside{
	    margin: 0 4%;
	    }
	    

	
	
	    

	  #main1{ text-align:left; background: #FFF;}
	    
#page-containera {
	width: 760px;
	margin: auto;
	float:left;
}



#reading-list {
width: 100%;
text-align: left;
}
	#rl-name{
		
	}


#listening-list {
	float: left;
	width: 200px;
}
	#ll-name{
		
	}

	
